<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>服务流程</title>
    <link rel="short icon" href="img/icon.png">
    <link rel="stylesheet" href="public.css">
    <style>
        .banner a{
            display: block;
        }
        .banner img{
            width: 100%;
            display: block;
        }
        .con img{
            width: 85%;
            display: block;
            margin: 15px auto 0;
        }
    </style>
</head>
<body>
    <div class="header">
        <p>服务流程</p>
    </div>
    <div class="banner">
        <a href="">
            <img src="img/banner3.png" alt="">
        </a>
    </div>
    <div class="con">
        <img src="img/process.png" alt="" id="img">
    </div>
    <div class="btm">
        <ul>
            <li>
                <a href="index.html">
                    <img src="img/nav10.png" alt="">
                    <p>小滴服务</p>
                </a>
            </li>
            <li>
                <a href="startupproject.html">
                    <img src="img/nav20.png" alt="">
                    <p>创业项目</p>
                </a>
            </li>
            <li>
                <a href="serviceprocess.html">
                    <img src="img/nav31.png" alt="">
                    <p style="color: #FF0000;">服务流程</p>
                </a>
            </li>
            <li>
                <a href="platformpresence.html">
                    <img src="img/nav40.png" alt="">
                    <p>平台风采</p>
                </a>
            </li>
            <li>
                <a href="mydrops.html">
                    <img src="img/nav50.png" alt="">
                    <p>我的小滴</p>
                </a>
            </li>
        </ul>
    </div>
    <script src="js/public.js"></script>
    <script>
        var img=document.getElementById("img");
        // //创建一个http协议的请求对象，用来向服务器要数据
        // var obj=new XMLHttpRequest();

        // console.log(obj);
        // //传递两个参数 第一个是请求方式 第二个是服务器地址
        // obj.open("get","http://106.75.16.42:8082/getimg");
        // //发送数据
        // obj.send()
        // console.log(obj);
        // //当请求发送到服务器的时候，我们需要执行的一些响应
        // obj.onreadystatechange=function(){
        //     //status==200 代表数据成功被带回
        //     //readyState==4 代表数据请求完成
        //     if(obj.status==200&&obj.readyState==4){
        //         console.log(obj.responseText);
        //         //JSON.parse 把数据变成JavaScript对象
        //         var retrunstr=JSON.parse(obj.responseText);
        //         console.log(retrunstr);
        //         //通过调用的数据改变img里src属性的值
        //         img.src=retrunstr.data
        //     }
        // }
        str("get","getimg","",function(retrunStr){
            console.log(retrunStr);
            img.src=retrunStr.data
        })
    </script>
</body>
</html>